#include("../../comm/ListHead.html")
<style>
</style>
<div class="layui-fluid layui-anim layui-anim-scale">
    <div class="layui-row layui-col-space5">

        <div class="layui-card">
            <div class="layui-card-header SearchTable">
                <p style="float:right"></p>
                <label class="table-search-title-first">订单号</label>
                <input type="text" id="order_id" lay-verify="required" placeholder="" autocomplete="off"
                       class="table-search-text width80">
                <label class="table-search-title left10">商品ID</label>
                <input type="text" id="title" lay-verify="required" placeholder="" autocomplete="off"
                       class="table-search-text width120">
                <button class="layui-btn layui-btn-warm layui-btn-sm" lay-event="DoSearch">
                    搜索
                </button>
            </div>
            <div class="layui-card-body">
                <table class="layui-hide" id="table_1" lay-filter="table_1"></table>

                <script type="text/html" id="table_1_bar_title">
                    <b class="layui-font-green">微信支付流水明细</b>
                </script>
            </div>
        </div>
    </div>
</div>
<script language="JavaScript">

    layui.use(['myTable', 'table', 'form', 'util', 'myTool'], function () {
        var $ = layui.$;
        myTable = layui.myTable, table = layui.table
        form = layui.form, util = layui.util, myTool = layui.myTool;

        tableindex = myTable.render({
            elem: '#table_1', skin: 'line'
            , url: 'WxPayListDataApi'
            , toolbar: '#table_1_bar_title'
            , title: '微信支付流水'
            , cols: [[
                         {type: 'checkbox', width: 36}
                         , {field: 'pay_id', title: '支付ID', width: 80, align: 'center', hide: true}
                         , {field: 'out_order_id', title: '订单ID', width: 80, align: 'center'}
                         , {field: 'u_id', title: '支付人', width: 80, align: 'center'}
                         , {field: 'pre_openid', title: 'OPENID', width: 80, hide: true}
                         , {field: 'pre_deviceid', title: '设备号', width: 80, hide: true}
                         , {field: 'pre_body', title: '订单名称', width: 140}
                         , {field: 'pre_proid', title: '商品ID', width: 80, align: 'center'}
                         , {field: 'pre_fee_d', title: '应支付', width: 100, align: 'center'}
                         , {field: 'total_fee_d', title: '实支付', width: 80}
                         , {field: 'appid', title: 'APPID', width: 80, align: 'center', hide: true}
                         , {field: 'bank_type', title: '支付类型', width: 80, align: 'center', hide: true}
                         , {field: 'cash_fee', title: '', width: 80, hide: true}
                         , {field: 'device_info', title: '', width: 80, hide: true}
                         , {field: 'fee_type', title: '', width: 80, hide: true}
                         , {field: 'is_subscribe', title: '关注', width: 60, align: 'center'}
                         , {field: 'mch_id', title: '', width: 80, hide: true}
                         , {field: 'nonce_str', title: '', width: 80, hide: true}
                         , {field: 'result_code_s', title: '状态', width: 90, align: 'center'}
                         , {field: 'return_code', title: '状态', width: 80, hide: true}
                         , {field: 'sign', title: '', width: 80, hide: true}
                         , {field: 'time_end', title: '支付时间', width: 140}
                         , {field: 'trade_type', title: '', width: 80, hide: true}
                         , {field: 'transaction_id', title: '流水号'}
                         , {field: 'openid', title: '', width: 80, hide: true}
                     ]]
            , page: true
            , limit: 10
        });

        util.event("lay-event", {
            DoSearch: function () {
                tableindex.reload({
                    where: {s: {order_id: $("#order_id").val(), title: $("#title").val()}}
                    , page: {curr: 1}
                });
            }
        });
    });
</script>
#include("../../comm/Foot.html")